@media screen and (max-width: 600px) {
  .login .login-con{
    width: 100% !important;
    height: 100%;
    border-radius: 0 !important;
  }
  .ivu-col-span-10{
    width: 100% !important;
  }
  .ivu-col-span-14{
    width: 0% !important;
  }
  .login .login-form{
    padding:10% !important;
  }
  .login .login-title{
    display: none;
    text-align:center;
    padding-top: 30px !important;
    font-size:22px !important;
    font-family:MicrosoftYaHei-Bold;
    font-weight:bold;
    color:rgba(77,77,77,1);
    margin-bottom: 30px !important;
  }
}
  .login{
    width: 100%;
    height: 100%;
    background-image: url('../assets/images/lanyunbg.png');
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    position: relative;
  }
  .login .login-title{
    text-align:center;
    padding-top: 55px;
    font-size:26px;
    font-family:MicrosoftYaHei-Bold;
    font-weight:bold;
    color:rgba(77,77,77,1);
  }
  .login .login-con{
    margin:0 auto;
    width: 350px;
    background:rgba(255,255,255,1);
    box-shadow:0px 15px 51px 8px rgba(33,75,154,0.06);
    border-radius:14px;
  }
  .login /deep/ .ivu-form-item{
    padding-bottom: 20px;
  }
  .login .login-form{
    padding:10%;
    height:100%
  }
  .login .login-form .form-title>h2{
    font-size:24px;
    font-family:MicrosoftYaHei-Bold;
    font-weight:bold;
    text-align: center;
    color:#57a3f3;
  }
  .login .login-form .form-title>p{
    font-size:18px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(77,77,77,1);
  }
  .login .ivu-form{
    margin-top:40px
  }
  .login .login-logo{
    padding:10% 5%;
    height:100%
  }
  .login .login-logo img{
    width:100%;
    height:100%
  }
